// 全局 CSS 变量
@import "./variables.css";
// Transition
@import "./transition.scss";
// Element Plus
@import "./element-plus.css";
@import "./element-plus.scss";
// Vxe Table
@import "./vxe-table.css";
@import "./vxe-table.scss";
// 注册多主题
@import "./theme/register.scss";
// Mixins
@import "./mixins.scss";
// View Transition
@import "./view-transition.scss";


// 重置 主题色
@import "./element-plus-reset.scss";
// 业务页面几乎都应该在根元素上挂载 class="app-container"，以保持页面美观
.app-container {
  padding: 20px;
}

html {
  height: 100%;
  // 灰色模式
  &.grey-mode {
    filter: grayscale(1);
  }
  // 色弱模式
  &.color-weakness {
    filter: invert(0.8);

  }
}


body {
  height: 100%;
  color: var(--v3-body-text-color);
  background-color: var(--v3-body-bg-color);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Inter, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑",
    Arial, sans-serif;
  @extend %scrollbar;
}

#app {
  height: 100%;
  background: linear-gradient(to right,#EDF3F8,#E1EBF5,#9ECAF2,#B3D2F3,#C8DDF6);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a,
a:focus,
a:hover {
  color: inherit;
  outline: none;
  text-decoration: none;
}

div:focus {
  outline: none;
}





// scss
// 蓝色选中
.select-self-clas {
  border-radius: 8px;
  background: #F2F3F5;

  .el-select-dropdown__wrap {
    .el-scrollbar__view {
      padding: 0;
    }

    .el-select-dropdown__item {
      padding: 0 10px;
      text-align: center;
      color: #4E5969;
      font-size: 14px;
      font-weight: 400;
      line-height: 40px;
      height: 40px;

      &.is-selected {
        border-radius: 8px;
        background: #007AFF;
        box-shadow: 0px 4px 12px 0px rgba(0, 122, 255, 0.35);
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
      }
    }
  }
}

// 表格选中样式
.el-table {
  .primary-row-color {
    background: #F4F9FF;
  }
  .info-row-color {
    background: #fff;
  }
  tbody tr:hover {
    background-color: #E9F6FF !important;
    cursor: pointer;
  }
}

.el-message-box.new_box {
  width: 412px;
  height: 336px;
  border-radius: 24px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #e3f0ff url('/static/img/box_bg.png') no-repeat ;
  .el-message-box__header.show-close {
    padding-right: 0;
    font-size: 20px;
    color: #1D2129;
    line-height: 1.2;
    padding-bottom: 0;
    margin-bottom: 24px;
    font-weight: 600;
  }
  .el-message-box__container {
    margin-bottom: 60px;
  }
  .el-message-box__message {
    font-size: 16px;
    line-height: 1.2;
    color: #1D2129;
    font-weight: 400;
  }
  .el-button {
    min-width: 110px;
    height: 44px;
    border-radius: 44px;
  }
  .el-button+.el-button {
    margin-left: 64px;
  }
}


.el-dialog.im_wrap {
  min-width: 800px;
}

